<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的订单</title>
		<link href="/static/lvshi_pc/css/person.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/swiper-bundle.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/animate.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/reset.min.css" rel="stylesheet" />
		<script src="/static/lvshi_pc/js/swiper-bundle.min.js"></script>
		<script src="/static/lvshi_pc/js/jquery.min.js"></script>
		<script src="/static/lvshi_pc/js/wow.min.js"></script>
		<script src="/static/lvshi_pc/js/changeWindow.js"></script>
		<script src="/static/elementUi/axios.min.js"></script>
		<script src="/static/elementUi/vue@2.6.14.js"></script>
		<script src="/static/elementUi/Api.js"></script>
		<link href="/static/global/css/page.css" rel="stylesheet" />
	</head>
	<body>
		<header>
			{include file="public/header"}
		</header>
		<img src="/static/lvshi_pc/images/bannera_02.png" class="banner" alt="">

		<style>
			.zhuleft .active .zhubox {display: block}
		</style>
		<div class="bubox" id="app">
			<div class="wrap">
				<div class="dannei">
					<div class="zhuleft">
						<ul>
							{volist name="category" id="vo"}
							<li {if $vo.id==$category_id}class="active"{/if}>
								<div class="zhuli">
									<div class="dandian"></div>
									<div class="dantitle">{$vo.title}</div>
								</div>
								<div class="zhubox">
									{volist name="$vo.children" id="vv"}
									<div class="poli">
										<a href="?category={$vv.id}">
											<div class="pobox {if $category_son_id==$vv.id}activec{/if}">
												{$vv.title}
											</div>
										</a>
									</div>
									{/volist}
								</div>
							</li>
							{/volist}
						</ul>
					</div>

					<div class="danyou about">
						<div class="maibox">
							<ul>
								{volist name="goods" id="vo"}
								<li>
									<img src="{$vo.image ?? '/static/lvshi_pc/images/chan_03.png'}" class="chanpic" alt="">
									<div class="chanyou">
										<div class="chantitle">{$vo.title}</div>
										<div class="chanjia">
											￥<span>{$vo.price}</span>
										</div>
									</div>
									<a href="/index/index/goods.html?id={$vo.id}">
										<div class="queli">
											立即付款
										</div>
									</a>
								</li>
								{/volist}
							</ul>
						</div>
						
						<div class="fenye ht-page-b">
							{$goods->render()|raw}
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			{include file="public/footer"}
		</footer>
		<script>
			let vs
			var vm = new Vue({
				el:"#app",
				data(){
					return {
						category_list:[],
						category_id:'',
						category_son_id:'',
						goods_list:[],
						page:1,
						last_page:1
					}
				},
				created() {
					vs = this
					vs.getCategory()
				},
				methods:{
					getPage() {
						let start_page = 1
						let end_page = 1
						
					},
					sonClick(it) {
						vs.category_son_id = it.id
					},
					liClick(item) {
						vs.category_id = item.id
					},
					getCategory() {
						Api.request("/api/lawyer.category/getList").then(res=>{
							vs.category_list = res.data
							vs.category_id = res.data[0].id
							vs.category_son_id = res.data[0]?.children[0]?.id
						})
					},
					getGoods() {
						Api.request("/api/lawyer.goods/getList").then(res=>{
							vs.category_list = res.data
							vs.category_id = res.data[0].id
							vs.category_son_id = res.data[0]?.children[0]?.id
						})
					}
				}
			})
		</script>
		<script>
			$(".zhuleft ul li").click(function() {
				var index = $(this).index();
				var items = $(".about .item");
				$(this).addClass("active").siblings().removeClass("active");
				$(this).siblings().find(".zhuli , .active").removeClass("active");


				if ($(this).find(".zhubox").css("display") == "none") {
					$(this).find(".zhubox").addClass("active").siblings().find(".zhubox").removeClass("active");
				} else {
					$(this).find(".zhubox").removeClass("active");
				}

			});
			// wow效果启用
			new WOW().init();
		</script>
	</body>

</html>